<template>
  <div id="app">
    <router-view />
    <van-tabbar route v-show="$store.state.tabbarShow">
      <van-tabbar-item replace to="/" icon="chat-o" :badge ="$store.getters.unreadMessageCount">
        消息
      </van-tabbar-item>
      <van-tabbar-item replace to="/file" icon="credit-pay">
        文件
      </van-tabbar-item>
      <van-tabbar-item replace to="/me" icon="contact">
        我的
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style>
@import "./assets/css/reset.css"; /*引入公共样式*/
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  font-size: 16px;
  background: #f7f8fa;
}
.van-tabbar{
  background-color: #fafcff;
}
</style>
